<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> Library </title>
	<meta http-equiv="Content-Language" content="English" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css' />
	<script type="text/javascript">
		function popup(){
		  cuteLittleWindow = window.open("Contact.html", "littleWindow", "location=no,width=320,height=200"); 
		}
	</script>
</head>
<body>
<div id="wrap">
	<div id="header">
		<div id="headerlinks">
			<a href="index.html" title="Home">Home</a>
			<a href="javascript:popup()" title="Contact">Contact</a>
		</div>
		<h1><a href="index.html">Library</a></h1>
	</div>

	<div id="content">
		<form action="RegisterServlet" method="post">
			 <label>Username:</label>
			 <input type="text" name="username">
			 <br>
			 <label >Password:</label>
			 <input type="password" name="password">
			 <br>
			 <label>EGN:</label>
			 <input type="text" name="egn">
			 <br>
			 <label>First name:</label>
			 <input type="text" name="firstname">
			 <br>
			 <label>Last name:</label>
			 <input type="text" name="lastname">
			 <br>
			 <label >Age:</label>
			 <input type="number" name="age" min="10" max="100">
			 <br>
			 <label >Gender:</label>
			 <select name="gender" id="gender">
				 <option value="male">m</option>
				 <option value="female">f</option>
			 </select>
			 <br>
			 <label >Phone Number:</label>
			 <input type="text" name="phone">
			 <br>
			 <label >Address:</label>
			 <input type="text" name="address">
			 <br>		 
			 <input type="submit" value="Register">
	</form>

	</div>

	<div id="footer">
		B2P Library
	</div>
</div>
</body>
</html>
